<!--
 * @Author: zgz
 * @Date: 2019-10-11 14:58:58
 * @LastEditTime : 2020-01-16 11:27:15
 * @LastEditors  : zgz
 * @Description: file conten
 -->
<!-- 上传图片 -->
<!-- <nz-upload class="avatar-uploader" nzAction="https://jsonplaceholder.typicode.com/posts/" nzName="avatar"
  nzListType="picture-card" [nzShowUploadList]="false" [nzBeforeUpload]="beforeUpload"
  (nzChange)="handleChange($event)">
  <ng-container *ngIf="!avatarUrl">
    <i class="upload-icon" nz-icon [nzType]="loading ? 'loading' : 'plus'"></i>
    <div class="ant-upload-text">Upload</div>
  </ng-container>
  <img *ngIf="avatarUrl" [src]="avatarUrl" class="avatar" />
</nz-upload> -->
<nz-upload 
nzListType="picture-card" 
[(nzFileList)]="fileList"
[nzShowButton]="fileList.length < maxFileNumber" 
[nzMultiple]="maxFileNumber>1"
[nzShowUploadList]="showUploadList" 
[nzPreview]="handlePreview"
[nzRemove]="remove"
[nzBeforeUpload]="beforeUpload"
[nzCustomRequest]="customRequest">
  <i nz-icon nzType="plus"></i>
  <div class="ant-upload-text">上传图片</div>
</nz-upload>
<nz-modal 
[nzVisible]="previewVisible" 
[nzContent]="modalContent" 
[nzFooter]="null"
(nzOnCancel)="previewVisible = false">
  <ng-template #modalContent>
    <img [src]="previewImage" [ngStyle]="{ width: '100%' }" />
  </ng-template>
</nz-modal>
